import React from 'react';
class List extends React.Component{
    state = {
        arr:['a','b','c','d','e']
    }
    render(){
//key的作用提高diff算法的性能和区分每个元素的唯一性
//当没有唯一属性的时候,使用index来替代
        let lis = this.state.arr.map((item,index)=><li key={index}>{item}</li>)
        return(
            <fieldset>
                <legend>列表</legend>
                <ul>
                    {lis}
                </ul>
            </fieldset>
        )
    }
}
export default List